<html lang="zh">
<head>
    <meta charset="UTF-8">

    <title>管理员后台登录</title>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/form-elements.css">

    <style>

        body {
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-weight: 300;
            color: #888;
            line-height: 30px;
            text-align: center;
        }

        strong {
            font-weight:normal;
            font-family: 黑体;
            font-size:56px;
            color: rgba(0, 0, 0, 0.68);
            text-shadow:0 0.2em 0.2em rgba(177, 177, 177, 0.34);
        }

        a, a:hover, a:focus {
            color: #ffa09c;
            text-decoration: none;
            -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
        }

        h1, h2 {
            margin-top: 10px;
            font-size: 38px;
            font-weight: 100;
            color: #555;
            line-height: 50px;
        }

        h3 {
            font-size: 22px;
            font-weight: 300;
            color: #555;
            line-height: 30px;
        }

        img { max-width: 100%; }

        ::-moz-selection { background: #de615e; color: #fff; text-shadow: none; }
        ::selection { background: #de615e; color: #fff; text-shadow: none; }



        .btn-link-1 i {
            padding-right: 5px;
            vertical-align: middle;
            font-size: 20px;
            line-height: 20px;
        }



        /***** Top content *****/

        .inner-bg {
            padding: 100px 0 170px 0;
        }

        .top-content .text {
            color: #fff;
        }

        .top-content .text h1 { color: rgba(0, 0, 0, 0.9); }

        .top-content .description p { opacity: 0.8; }

        .top-content .description a {
            color: #fff;
        }
        .top-content .description a:hover,
        .top-content .description a:focus { border-bottom: 1px dotted #fff; }

        .form-box {
            margin-top: 35px;
        }

        .form-top {
            overflow: hidden;
            padding: 0 25px 15px 25px;
            background: #444;
            /*background: rgba(0, 0, 0, 0.35);*/
            background: rgba(255,255,255,0.5);
            -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
            text-align: left;
        }

        .form-top-left {
            float: left;
            width: 75%;
            padding-top: 25px;
        }

        .form-top-left h3 { margin-top: 0; color: rgba(0, 0, 0, 0.9); }
        .form-top-left p { opacity: 0.8; color: rgba(0, 0, 0, 0.9); }

        .form-top-right {
            float: left;
            width: 25%;
            padding-top: 5px;
            font-size: 66px;
            color: #fff;
            line-height: 100px;
            text-align: right;
            opacity: 0.5;
        }

        .form-bottom {
            padding: 0px 25px 5px 25px;
            background: #444;
            /*background: rgba(0, 0, 0, 0.3);*/
            background: rgba(255,255,255,0.5);
            -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
            text-align: left;
        }

        .form-bottom form textarea {
            height: 100px;
        }

        .form-bottom form button.btn {
            width: 100%;
        }

        .form-bottom form .input-error {
            border-color: #de615e;
        }

        .social-login h3 {
            /*color: #fff;*/
            color: rgba(0, 0, 0, 0.9);
        }

        i{
            color: rgba(0, 0, 0, 0.9);
        }

        .error-msg {
            font-weight:normal;
            font-family: 黑体;
            font-size:24px;
            color: rgba(0, 0, 0, 0.68);
        }

        .r-msg{
            font-weight:normal;
            font-family: 黑体;
            font-size:20px;
            color: rgba(11, 89, 255, 0.68);
        }



        /***** Media queries *****/

        @media (min-width: 992px) and (max-width: 1199px) {}

        @media (min-width: 768px) and (max-width: 991px) {}

        @media (max-width: 767px) {

            .inner-bg { padding: 60px 0 110px 0; }

        }

        @media (max-width: 415px) {

            h1, h2 { font-size: 32px; }

        }


    </style>

</head>
<body>
<div class="top-content">

    <div class="inner-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text">
                    <h1><strong>管理员登录</strong></h1>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-md-offset-3 form-box">
                    <div class="form-top">
                        <div class="form-top-left">
                            <h3>登陆界面</h3>
                            <p>考必过系统后台</p>

                        </div>
                        <div class="form-top-right">
                            <i class="fa fa-superpowers"></i>
                        </div>
                    </div>

                    <div class="form-bottom">
                        <form id="admin_loginForm" role="form" action="/admin/handleLogin" method="post" class="form-horizontal">
                            <div class="form-group">
                                <input class="form-control" type="text" name="username" placeholder="管理员登录用户名" id="form-username">
                                <input class="form-control" type="hidden" name="loginType" value="Admin">
                            </div>
                            <div class="form-group">
                                <input class="form-control" type="password" name="pw" placeholder="密码"  id="form-password">
                            </div>

                            <#--<div class="form-group">
                                <div class="input-group">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <input class="form-control" type="text" id="stuVSCode" name="tryCode" maxlength="4" onblur="verifyVSCode()" placeholder="请输出验证码">
                                        </div>
                                        <div class="col-md-6">
                                            <img alt="验证码" onclick="this.src='/createVSCode?date='+new Date()*1" src="/createVSCode" />
                                        </div>
                                    </div>
                                </div>
                            </div>-->

                            <div class="form-group">
                                <button type="submit" name="submit" class="btn">管理员登录</button>
                            </div>
                           <#-- <div name="VSCodeMsg" class="form-group-sm" align="center">

                            </div>-->
                            <#if msg??>
                                <div class="form-group-sm" align="center">
                                    <p class="error-msg">${msg}</p>
                                </div>
                            </#if>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
</body>

<script src="/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/js/jquery.backstretch.min.js"></script>
<script src="/js/scripts.js"></script>


</html>